<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>招工详情</title>
    <link rel="stylesheet" type="text/css" href="../../../../css/aui/aui.css" />
    <style>
        .aui-bar-nav {
            background: #0689FB;
        }

        .iconfont {
            margin: 0 auto;
            width: 1rem !important;
        }

        .aui-bar-tab .aui-bar-tab-label {
            font-size: 0.75rem;
        }

        #footer {
            background: #EDEDED;
            color: black;
        }

        #footer .aui-bar-tab-item:last-child {
            background: #0689FB;
            color: white;
        }
    </style>
</head>

<body>
    <header class="aui-bar aui-bar-nav" id="header">
        <div class="aui-pull-left aui-btn">
            <span class="aui-iconfont aui-icon-left" onclick="close_w()"></span>
        </div>
        <div class="aui-title">招工详情</div>
    </header>
    <footer class="aui-bar aui-bar-tab" id="footer">
        <div class="aui-bar-tab-item" @click="collect()">
            <template v-if='isCollect == 1'>
                <img src="../../../../image/icon/shoucang02.png" alt="" class="iconfont">
                <div class="aui-bar-tab-label">已收藏</div>
            </template>
            <template v-else>
                <img src="../../../../image/icon/shoucang01.png" alt="" class="iconfont">
                <div class="aui-bar-tab-label">收藏</div>
            </template>

        </div>
        <div class="aui-bar-tab-item" @click="acceptance()">
            <div class="aui-bar-tab-label">去应聘</div>
        </div>
    </footer>
</body>
<script src="../../../../script/api.js" charset="utf-8"></script>
<script src="../../../../script/common/jquery-3.3.1.min.js" charset="utf-8"></script>
<script src="../../../../script/common/common.js" charset="utf-8"></script>
<script src="../../../../script/common/config.js" charset="utf-8"></script>
<script src="../../../../script/common/vue.min.js" charset="utf-8"></script>
<script>
    apiready = function() {
        api.parseTapmode();

        var name = "particulars_frm";
        var url = "./particulars_frm.html";
        open_f(name, url, api.pageParam);
    }

    var vm = new Vue({
        el: "#footer",
        data: {
            isCollect: 0
        },
        methods: {
            collect() {
                if (this.isCollect == 1) {
                    $toast('已经收藏');
                } else {
                    api.execScript({
                        frameName: 'particulars_frm',
                        script: 'collect()'
                    });
                }
            },
            acceptance() {
                api.execScript({
                    frameName: 'particulars_frm',
                    script: 'acceptance()'
                });
            }
        }
    });

    function isCollect(status) {
        vm.isCollect = status;
    }
</script>

</html>
